body
{
    width: 320px;
    height: 480px;
    margin: 0;
	padding: 0;
	background-image:url('images/pyramid_background.png');
	background-repeat:no-repeat;
}

#linesContainerH
{
    position: absolute;
    top: 0px;
    width: 320px;
    height: 480px;
    z-index: 0;
    overflow: hidden;
}

#linesContainerV
{
    position: absolute;
    top: 0px;
    width: 320px;
    height: 480px;
    z-index: 0;
    overflow: hidden;
}

#linesContainerH > div 
{
    position: absolute;
    width: 274px;
    height: 56px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: linear;
}

#linesContainerV > div 
{
    position: absolute;
    width: 56px;
    height: 274px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: linear;
}

#linesContainerH > div > img {
	position: absolute;
	width: 274px;
	height: 56px;
	-webkit-animation-iteration-count: infinite;
}

#linesContainerV > div > img {
	position: absolute;
	width: 56px;
	height: 274px;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes downup
{
    0%   { -webkit-transform: translate(0px, 50px); }
    100% { -webkit-transform: translate(0px, -754px); }
}

@-webkit-keyframes updown
{
    0%   { -webkit-transform: translate(0px, -50px); }
    100% { -webkit-transform: translate(0px, 754px); }
}

@-webkit-keyframes leftright
{
    0%   { -webkit-transform: translate(-50px, 0px); }
    100% { -webkit-transform: translate(594px, 0px); }
}

@-webkit-keyframes rightleft
{
    0%   { -webkit-transform: translate(50px, 0px); }
    100% { -webkit-transform: translate(-594px, 0px); }
}